#direction {
    background-color: grey;
    display: flex;
    flex-flow: row;
}

#direction div {
    padding: 10px;
    margin: 5px;
    border-color: red;
    border-style: solid;
}

.vertical-rl {
    writing-mode: vertical-rl;
}

.vertical-lr {
    writing-mode: vertical-lr;
}

.horizontal-tb {
    writing-mode: horizontal-tb;
}

.container {
    max-width: 200px;
    max-height: 200px;
}

#overflowing {
    background-color: azure;
    display: flex;
    flex-flow: row;
}

#overflowing div {
    margin: 5px;
    padding: 5px;
    border-color: green;
    border-style: solid;
}

#overflowhidden {
    overflow: hidden;
    width: 80px;
    height: 80px;
}

#overflowscroll {
    overflow: scroll;
    width: 80px;
    height: 80px;
}
